<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>影伴管理系统</title>
	<!-- bootstrap - css -->
	<link href="__MK__/bjui/themes/css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="__MK__/css/login.css">
	<link rel="stylesheet" href="__MK__/css/component.css">
	<link rel="stylesheet" href="__MK__/css/demo.css">
</head>
<body class="demo1">
	<div class="large-header" id="large-header">
		<canvas id="demo-canvas"></canvas>
		<div class="container">
        <div class="row">
            <div class="bing">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h2 class="panel-title">
                           登录--
                        </h2>
                    </div>
                    <div class="panel-body">
                        <form role="form" action="{:U('Public/cklogin')}" method="post" >
                            <div class="form-group input-group">
                                <span class="input-group-addon"><i class="fa fa-user fa-fw"></i>
                                </span>
                                <input class="form-control input-nm" name="username" id="username" value="{:I('username')}" type="text" placeholder="帐号" autofocus>
                            </div>
                            <div class="form-group input-group">
                                <span class="input-group-addon"><i class="fa fa-key fa-fw"></i>
                                </span>
                                <input class="form-control input-nm" name="pwd" id="pwd" type="password" placeholder="密码" value="{:I('pwd')}">
                            </div>
                            <div class="form-group input-group">
                                <span class="input-group-addon"><i class="fa fa-lock fa-fw"></i>
                                </span>
                                <input class="form-control input-nm" name="verify_code" id="verify_code" type="text" placeholder="验证码">
                            </div>
                            <div class="form-group">
                                <img id="code_img" src="{:U('Public/verify')}" title="看不清？单击此处刷新" onclick="javascript:refresh()" style="cursor: pointer; vertical-align: middle;" /> <a class="arefresh" href="#" onclick="javascript:refresh()">看不清？单击此处刷新</a>
                            </div>
                           <!--  <div class="checkbox">
                                <label>
                                    <input name="remember" type="checkbox" value="Remember Me" value="1">记住我
                                </label>
                            </div> -->
                            <!-- Change this to a button or input when using this as a form -->
                            <button type="submit" class="btn btn-lg btn-success btn-block submitForm">登 陆</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
<script src="__MK__/bjui/js/jquery-1.11.3.min.js"></script>
<script src="__MK__/javascript/TweenLite.min.js"></script>
<script src="__MK__/javascript/EasePack.min.js"></script>
<script src="__MK__/javascript/rAF.js"></script>
<script src="__MK__/javascript/login-1.js"></script>
<script>
	var stheme = ['__MK__/javascript/login-1.js', '__MK__/javascript/login-2.js'];
	$('body').append('<script src='+(function() {
		var la = Math.floor(Math.random()*stheme.length);
		$('body').addClass(la == 0 ? 'demo1' : 'demo2');
		return stheme[la];
	})()+'><\/script>');

	$("form").keydown(function(e){
        var e = e || event,
        keycode = e.which || e.keyCode;
        if (keycode==13) {
            $(".submitForm").trigger("click");
        }
    });
	function a(type, msg){
	   	alert(msg)
	}
	function refresh() {
        $('#code_img').attr('src', "{:U('Public/verify')}");
    }
	 $(function() {
         $(".submitForm").click(function() {
             if ($("#username").val() == '' || $("#pwd").val() == '' || $("#verify_code").val() == '') {
                 alert("填写完整后方可登陆");
                 return false;
             }
         });
     });
</script>
</body>
</html>